<script setup>
import { ref, reactive } from 'vue'

const hobby = ref(['唱', '跳', 'rap'])
const num = ref(0)
const add = () => {
  hobby.value.push('篮球')
}
</script>

<template>
  <div>
    <p>{{ hobby }}</p>
    <button @click="num++">{{ num }}</button>
    <br />
    <button @click="add">点击添加</button>
  </div>
</template>
